<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
    
<%@ page import="java.util.ArrayList" %>
<%@ page import="com.ipartek.formacion.bean.Alumno" %>

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!--  Ranking alumnos -->
<title><%=request.getAttribute("title")%></title>
<script src="js/jquery-1.10.2.min.js"></script>
<script src="js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div id = "rankingdiv">
	<%
	ArrayList<Alumno> listaAlumnos = new ArrayList<Alumno>();
	listaAlumnos = (ArrayList<Alumno>) request.getAttribute("tblAlumnos");		
	out.println("<h3>Ranking alumnos</h3>");  
	
	%>
	
	
	<table id="tabla" border="1">
	<thead>
	  <tr>
	    <th> Nombre alumno </th>
	    <th>DNI</th>
	    <th>Nº tiradas</th>
	  </tr>
	</thead>	
	<tbody>
	<% for(int i=0; i<listaAlumnos.size(); i++ ) 
		 { 
			String nombreCompleto = listaAlumnos.get(i).getNombre() + " "+listaAlumnos.get(i).getApellido1() + " " +listaAlumnos.get(i).getApellido2();
		 	 out.print("<tr><td>"+nombreCompleto +"</td><td>"+listaAlumnos.get(i).getDNI() +"</td><td>"+ listaAlumnos.get(i).getNumTiradas()+"</td></tr>");		
		 }
	%>	 
	</tbody>
	</table>
</div>
	<script>
		$( document ).ready(function() {
			//aplicar libreria para tablas
			$('#tabla').dataTable();
		});
	</script>
	
</body>
</html>